<template>
  <div class="report-page">
    <h1>举报页面</h1>
    <p>在此页面，用户可以提交举报信息。</p>
    <el-form :model="reportForm" label-width="120px">
      <el-form-item label="举报原因">
        <el-input v-model="reportForm.reason" placeholder="请输入举报原因"></el-input>
      </el-form-item>
      <el-form-item label="详情描述">
        <el-input
          type="textarea"
          v-model="reportForm.description"
          placeholder="请输入详细描述"
          :rows="4"
        ></el-input>
      </el-form-item>
      <el-button type="primary" @click="submitReport">提交举报</el-button>
    </el-form>
  </div>
</template>

<script>
export default {
  name: "Report",
  data() {
    return {
      reportForm: {
        reason: "",
        description: "",
      },
    };
  },
  methods: {
    submitReport() {
      //向后段提交举报数据
      this.$message.success("举报信息已提交！");
    },
  },
};
</script>

<style scoped>
.report-page {
  padding: 20px;
}
</style>